html,body{
    background: #E9E7E8;
}
.tast-box{
    
}
.tast-box dl{
    background: #fff;
    padding:5px 0;
    position: relative;
    z-index: 1;
    height: 56px;
    margin-top: 15px;
}
.tast-box dl dt{
    position: absolute;
    left:5px;
    width: 55px;
}
.tast-box dl dt img{
    width: 55px;
    height: 55px;
}
.tast-box dl dd.mid{
    margin: 0 77px 0 65px;
}
.tast-box dl dd.mid .target{
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tast-box dl dd.mid .progress-box{
    position: relative;
    z-index: 1
}
.tast-box dl dd.mid .progress{
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#FB4039), to(#FF5245));
    height: 9px;
    border-radius: 15px;
    position: relative;
    top: 4px;
    margin:4px 65px 0 50px;
    overflow: hidden;
}
.tast-box dl dd.mid .progress-box .label{
    position: absolute;
    width: 50px;
    top:-2px;
}
.tast-box dl dd.mid .progress-box .per{
    position: absolute;
    width: 60px;
    right: 0;
    top:-2px;
    color: #FF412C
}
.tast-box dl dd.mid .progress .inner{
    width:0;
    background:url(img/inner-bg.jpg) repeat-x;
    height: 100%;
    transition: all 1s;
    -webkit-transition:all 1s;
}
.tast-box dl dd.right{
    position: absolute;
    right: 5px;
    width: 65px;
    top:20px;
}
.tast-box dl dd.right a.btn{
    background: url(img/view-btn.jpg) no-repeat;
    width: 63px;
    height: 26px;
    background-size: cover;
    display: block;
}